﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
         CodeBehind="Default.aspx.cs" Inherits="BlueMarineWebClient.Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <title>Blue Marine Hotel Offical Website _ we offer the best !!</title>
    <link rel="stylesheet" type="text/css" href="Styles/style6.css" />
    <script language="javascript" type="text/javascript" src="Scripts/jquery.js"> </script>
    <script language="javascript" type="text/javascript" src="Scripts/jquery.easing.js"> </script>
    <script language="javascript" type="text/javascript" src="Scripts/script.js"> </script>
    <script type="text/javascript">
        $(document).ready(function() {
            var buttons = {
                previous: $('#jslidernews3 .button-previous'),
                next: $('#jslidernews3 .button-next')
            };

            var _complete = function(slider, index) {
                $('#jslidernews3 .slider-description').animate({ height: 0 });
                slider.find(".slider-description").animate({ height: 100 });
            };
            ;
            $('#jslidernews3').lofJSidernews({
                interval: 4000,
                direction: 'opacity',
                easing: 'easeOutBounce',
                duration: 1200,
                auto: true,
                mainWidth: 980,
                buttons: buttons,
                onComplete: _complete
            });
        });
    </script>
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="TopMainContent">

    <form id="form1" runat="server"><asp:Label runat="server" ID="lblResult" Text="" />
        <div class="content_box">
            <div id="Promotion">
                <h2>VIP - the Special Offer</h2>
                <div class="image_wrapper image_fl"><span></span>
                    <img src="Styles/images/templatemo_image_01.jpg" alt="Image" />
                </div>
                <p>Holiday website layout is one of the clean and neat templates for everyone. <a href="http://www.templatemo.com/" target="_parent">templatemo.com</a> provides <a href="http://www.templatemo.com/" target="_parent">free css templates</a> for your personal or commercial websites. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. Credit goes to <a href="http://www.photovaco.com/" target="_blank">Free Photos</a>
                    for photos used in this template. Vestibulum fermentum suscipit neque 
                    nec ornare. Ut nec urna egestas lorem pulvinar placerat eu sit amet 
                    nunc.</p>
                <a href="#" class="more float_r"></a>
                <div class="cleaner"></div>

                <asp:DataList ID="dlPromotionList" runat="server" Width="100%">
                    <ItemTemplate>

                        <div class="content_box">
                        <div id="Promotion">
                        <h2><a target="_parent" title="" href='<%# Eval("PromotionID", "/Web/Promotion.aspx?proID={0}") %>'><%# Eval("PromotionTitle") %></a></h2>
                        <div class="image_wrapper image_fl"><span></span>
                            <asp:Image ID="imgPrImage" runat="server" ImageUrl='<%# Eval("PromotionID", "images/promotion/{0}.jpg") %>' />
                        </div>
                        <p><i> Start: <asp:Label ID="lblStart" runat="server" Text='<%# Eval("PromotionStart", "{0:d}") %>'></asp:Label>
                               End: <asp:Label ID="lblEnd" runat="server" Text='<%# Eval("PromotionEnd", "{0:d}") %>'></asp:Label></i></p>
                        <p><%# Eval("PromotionDescription") %></p>
                        <a href="#" class="more float_r"></a>
                        <div class="cleaner"></div>

                    </ItemTemplate>
                </asp:DataList> 


                <div id="jslidernews3" class="lof-slidecontent" style="height: auto; width: 600px;">
                    <div class="preload"><div></div></div>
            
                    <div  class="button-previous">Previous</div>
                   
                    <!-- MAIN CONTENT --> 
                    <div class="main-slider-content" style="height: 500px; width: 600px;">
                        <ul class="sliders-wrap-inner">
                            <asp:DataList ID="dlPromotion" runat="server" Width="100%">
                                <ItemTemplate>
                                    <li>
                                        <a target="_parent" title="" href='<%# Eval("PromotionID", "/Web/Promotion.aspx?proID={0}") %>'><asp:Image ID="imgPrImage" runat="server" width="600px" height="340px" ImageUrl='<%# Eval("PromotionID", "images/promotion/{0}.jpg") %>' /></a>
                                        <div class="slider-description"><div class="description-wrapper">
                                                                            <div class="slider-meta"><%# Eval("PromotionTitle") %> <i> Start: <asp:Label ID="lblStart" runat="server" Text='<%# Eval("PromotionStart", "{0:d}") %>'>></asp:Label>
                                                                                                                                      End: <asp:Label ID="lblEnd" runat="server" Text='<%# Eval("PromotionEnd", "{0:d}") %>' 
                                                                                                                                                      Font-Bold="True" ForeColor="Red"></asp:Label></i></div>
                                                                            <h4><asp:Label ID="lblPrTitle" runat="server" Text='<%# Eval("PromotionTitle") %>'></asp:Label></h4>
                                                                            <p><asp:Label ID="lblDes" runat="server" Text='<%# Eval("PromotionDescription") %>' 
                                                                                          Font-Bold="True" ForeColor="Red"></asp:Label>

                                                                            </p>
                                                                        </div></div>
                                    </li> 
                   
                                </ItemTemplate>
                            </asp:DataList>               
                        </ul>  	
                    </div>
                    <!-- END MAIN CONTENT --> 
       
                    <div class="button-next">Next</div>
                </div> 




            </div>
        </div>
        
        <div class="col_w260_l">
            <h2>Special Package I</h2>
            <p>Suspendisse vitae neque eget ante tristique vestibulum. Pellentesque dolor nulla, congue vitae, fringilla in, varius a, orci.</p>
            <ul class="tmo_list">
                <li><a href="#">Suspendisse feugiat</a></li>
                <li><a href="#">Utsodales libero ut odio</a></li>
                <li><a href="#">Maecenas venenatis metus</a></li>
            </ul>
        </div>
        <div class="col_w260_r">
            <h2>Special Package II</h2>
            <p>In hac habitasse platea dictumst. Fusce vitae dolor ut massa gravida. Sed semper purus quis est  hendrerit. <span class="news_box"> Duis dolor.</span></p>
            <ul class="tmo_list">
                <li><a href="#">Utsodales libero ut odio</a></li>
                <li><a href="#">Maecenas venenatis metus</a></li>
                <li><a href="#">Suspendisse feugiat</a></li>
            </ul>
        </div>

    </form>

</asp:Content>